<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bilibili</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <!-- header -->
    <header>
        <div class="one">
            <img src="./images/logo.jpg" alt="">
            <div class="right">
                <span class="iconfont ic_search_tab"></span>
                <img class="login" src="./images/login.png" alt="">
                <img class="download" src="./images/download.png" alt="">
            </div>
        </div>
        <div class="two">

        </div>
    </header>

    <!-- tabbar -->
    <div class="tabbar">
        <ul>
            <li>首页</li>
            <li>动画</li>
            <li>番剧</li>
            <li>国创</li>
            <li>音乐</li>
            <li>舞蹈</li>
        </ul>
        <span class="iconfont general_pulldown_s"></span>
    </div>

    <!-- list -->
    <div class="list">
        <ul>

            <li>
                <img src="./images/1.png" alt="">
                <p>三轮年度时装秀</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>

            <li>
                <img src="./images/2.png" alt="">
                <p>全世界都在逼你长大，而我想让你做个孩子。</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>229万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>4061</div>
                    </div>
                </div>
            </li>

            <li>
                <img src="./images/3.png" alt="">
                <p>三权合一！特朗普成为美国40年以来权利最大的总统！将势不...</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>

            <li>
                <img src="./images/4.png" alt="">
                <p>三轮年度时装秀</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>
            <li>
                <img src="./images/5.png" alt="">
                <p>三轮年度时装秀</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>
            <li>
                <img src="./images/6.png" alt="">
                <p>三轮年度时装秀</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>
            <li>
                <img src="./images/1.png" alt="">
                <p>三轮年度时装秀</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>
            <li>
                <img src="./images/2.png" alt="">
                <p>三轮年度时装秀</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>
            <li>
                <img src="./images/3.png" alt="">
                <p>三轮年度时装秀</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>
            <li>
                <img src="./images/4.png" alt="">
                <p>三轮年度时装秀</p>
                <div class="play">
                    <div class="left">
                        <span class="iconfont icon_shipin_bofangshu"></span>
                        <div>54.8万</div>
                    </div>
                    <div class="right">
                        <span class="iconfont icon_shipin_danmushu"></span>
                        <div>452</div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- open  -->
    <div class="open">
        <span class="iconfont Navbar_logo" alt="">
            <span class="text">打开App，看你感兴趣的视频</span>
    </div>

    <!-- final -->
    <div class="final">
        <p class="more">去bilibili App看更多</p>
        <div class="four">
            <p>信息网络传播视听节目许可证:0910417</p>
            <p>网络文化经营许可证 沪网交【2019】3804-274号</p>
            <p>广播电视节目制作经营许可证:(沪)字第01248号</p>
            <p>增值电信业务经营许可证 沪B2-20100043</p>
        </div>
    </div>

</body>

</html>